import Comment from "@/components/comment";
import { RightOutline } from 'antd-mobile-icons';
import { CommentInfo } from '@/components/comment/commentProps';

const GdComment = () => {

    const commentInfo: CommentInfo = {
        content: "做工特别的好，你看这个做工是特别的精巧，特别的精细的，然后穿上身上也特别的服帖，运动起来特别的舒服，特别的舒服，嗯，特别适合练瑜伽，跑步嗯，都很适合嗯，关键是质量也有保证",
        images: [],
        nickName: "Nemo",
        score: 5,
        avatar: "",
        commentTime: "2025-01-01",
        reply: 1,
        like: 1,
        sku: ""
    }

    return (
        <div className="seal-gd-comment">
            <div className="seal-gd-comment-head">
                <div className="seal-gd-comment-head__left">
                    <div className="seal-gd-comment-head__left__title">
                        评价
                    </div>
                </div>
                <div className="seal-gd-comment-head__right">
                    <span>好评度</span>
                    <div className="seal-gd-comment-head__right__icon">
                        <RightOutline />
                    </div>
                </div>
            </div>

            <div className="seal-gd-comment-tags">
                <ul className="seal-gd-comment-tags__ul">
                    <li className="seal-gd-comment-tags__item">全部</li>
                    <li className="seal-gd-comment-tags__item">全部</li>
                    <li className="seal-gd-comment-tags__item">全部</li>
                    <li className="seal-gd-comment-tags__item">全部</li>
                    <li className="seal-gd-comment-tags__item">服务一流</li>
                </ul>

            </div>
            <div className="seal-gd-comment-item">
                <Comment commentInfo={commentInfo} shopReply={[]} />
            </div>

            <div className="seal-gd-comment-item">
                <Comment commentInfo={commentInfo} shopReply={[]} />
            </div>
        </div>
    )
}

export default GdComment;